* {
	padding: 0;
	margin: 0
}

img {
	border: none
}

a {
	color: #fff;
	text-decoration: none
}

a:hover {
	color: #fbac3a;
	text-decoration: none
}

ul li {
	list-style-type: none
}

body {
	font-family: "微软雅黑";
	color: #666;
	font-size: 12px;
	background: url(../img/beijing.png) ;
	background-size: cover;	
	padding: 2% 5%;
}

.clear{
	content: "";
	display: table;
	clear: both;
}
.clear:after,.clear:before{
	content: "";
	display: table;
	clear: both;
}

@media screen and (min-width: 750px) {
.main{	
	width: 100%;
	display: flex;
}
.main-left{
	width: 60%;
}

 .main-right{
	width:40%;	
	text-align: right;
	margin-right: 5%;
	margin-top: 5%;
}
.main-left ul{
    margin-top: 5%;
}
.bg_cover{
	position: absolute;
	top:0;left:50%;
	margin-left: -5px;color:#666666;
	}
.main-left  li{	
}

.main-left .left1{
    overflow: hidden;
}

.main-left .tu{
	position: relative;
    text-align: center;   
    display: inline-block;
    vertical-align: middle;
    max-width: 35px;    
 }

.main-left  .z{
    margin-left: 5px;
    font-size: 20px;
    color: #fff;
}

.main-left .tu1{
	max-width: 13px;
    text-align: center;
    display: inline-block;
    margin-left: 4px;
    margin-right: 2px;
    vertical-align: sub;
 }
 
 .main-left .tu3{
	width: 24px;
    height:34px;
    text-align: center;
    line-height: 36px;
     float: left;
    
 } 

.main-left span {
	line-height:32px;    
    font-size: 18px;
    color: #fff;
}
.main-left .bb{
	margin-top: 15px;
	width: 95%;
	margin-left: 5%;
}
.bb .b{
	background: none;
    width: 40%;
    margin-top: 3px;
    float: left;
    text-align: center;
}
.bb .b:nth-child(1){
	margin-right: 5%;
}
.bb .b .c{
	width: 45%;
	background: none;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin-top: 10px;
    text-align: center;
    padding:5px 10px;
    height: 30px;
    justify-content:center;
}
.b .c .img{
 	max-width: 18px;
    margin-top: 7px;    
    float: left;   
    margin-left: 5px;
 }
.b .c .title{
 	font-size: 15px;
 	float: right; 
 	text-align: right;
 	margin-right: 5%;
}

.main-right .right1{
	width: 40%;
	margin: 10% 3%;	
	float: left;
}
.main-right .right2{
	width: 40%;
	margin: 10% 3%;	
	float: left;
}
}


@media screen and (max-width: 750px) {
.main{	
	width: 100%;
}
.main .macin-left{
	width: 100%;
}

.main .main-right{
	width:100%;	
	margin-top: 10%;
}
.main-left ul{
    margin-top: 5%;
}
.bg_cover{
	position: absolute;
	top:0;left:50%;
	margin-left: -5px;color:#666666;
	}
.main-left  li{
	
}

.main-left .left1{
    overflow: hidden;
}

.main-left .tu{
	position: relative;
    text-align: center;   
    display: inline-block;
    vertical-align: middle;
    max-width: 35px;   
 }

.main-left  .z{
    margin-left: 5px;
    font-size: 20px;
    color: #fff;
}

.main-left .tu1{
	max-width: 13px;
    text-align: center;
    display: inline-block;
    margin-left: 4px;
    margin-right: 2px;
    vertical-align: sub;
 }
 
 .main-left .tu3{
	width: 24px;
    height:34px;
    text-align: center;
    line-height: 36px;
     float: left;
    
 } 

.main-left span {
	line-height:32px;    
    font-size: 18px;
    color: #fff;
}
.main-left .bb{
	margin-top: 15px;
	width: 100%;
	clear:both;
}
.bb .b{
	flex: auto;
	padding: 5%;
	background: none;
    display: block;
    margin-top: 3px;
    /* margin-right:5%; */
    text-align: center;
}
.bb .b .c{
	width: 100%;
	background: none;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin-top: 10px;
    text-align: center;
    justify-content:center;
}
 .main-left .b .c .img{
 	max-width: 18px;
    margin-top: 7px;    
    margin-left:15px;
    float: left;
 }
 .main-left .b .c .title{
 	font-size: 13px;
 	float: right; 
 	/* text-align: right; */
 	margin-right: 15px;
 }

}








